.icon-text-row {
    @apply flex items-center;

    img {
        width: 24px;
        height: 24px;
        background-size: 100% 100%;
        border-radius: 50%;
    }

    &>div:nth-last-of-type(1) {
        font-size: 11px;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #333333;
        margin-left: 10px;
        @apply flex flex-col items-center;
    }
}

.icon-text-col:extend(.icon-text-row all) {
    @apply flex flex-col;

    div {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    &>div:nth-child(2) {
        color: #7B7B7B;
    }

    &>div:nth-last-of-type(1) {
        margin-left: 0px;
    }

}

.icon-text-col-bg:extend(.icon-text-col all) {
    img {
        width: 49px;
        height: 49px;
        min-width: 49px;
        min-height: 49px;
        border-radius: 50%;
    }

    text {
        font-size: 11px;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000;
        line-height: 0px;
    }
}

// 页面弹窗
.popup-check {
    img {
        width: 42px;
        height: 42px;
    }

    div {
        font-size: 14px;
        font-family: PingFang SC-Bold, PingFang SC;
        // font-weight: bold;
        color: #333333;
    }
}

// 头部样式
.header-right {
    @apply flex items-center;

    img {
        width: 17px;
        height: 17px;
    }

    &>div:nth-last-of-type(1) {
        font-size: 12px;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        margin-left: 0px;
    }
}

// 任务详情
.task-detail {
    img {
        width: 20px;
        height: 20px;
    }

    div {
        font-size: 20px;
        font-family: PingFang SC-Bold, PingFang SC;
        // font-weight: bold;
        color: #333333;
    }
}

.image-wrapper {
    position: relative;

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.5);

        /* 设置遮罩层背景色及透明度 */
        span {
            font-size: 10px;
            color: #FFFFFF;
        }
    }
}